<template>
	<article class="kp-accountLink">
		<div class="kp-al-box">
			<div class="kp-mb-li mtb-20 plr-30" v-if="false">
				<span>清除本地缓存</span>
				<p></p>
			</div>
			<div class="kp-mb-li mts-20">
				<router-link to="/my/aboutKp">
					<span>关于快票</span>
					<p></p>
				</router-link>
			</div>
			<div class="kp-mb-li">
				<router-link to="/my/helpCenter">
					<span>帮助中心</span>
					<p></p>
				</router-link>
			</div>
			<div class="kp-mb-li" v-show="false">
				<router-link to="/my/helpCenter">
					<span>意见反馈</span>
					<p></p>
				</router-link>
			</div>
			<div class="kp-mb-li plr-30" v-show="false">
				<span>当前版本</span>
				<p></p>
			</div>
			<div class="kp-mb-btn" v-if="userinfo">
				<div class="sign_out" @click="clear">退出</div>
			</div>
		</div>
	</article>
</template>

<script>
	import { XInput, Group, XButton } from 'vux';
	import { mapGetters } from "vuex";
	export default {
		data() {
			return {
				qvalue: '小小张',
				pageHeight: '',
			}
		},
		mounted() { //载入后执行
			var h = document.documentElement.clientHeight || document.body.clientHeight;
			this.pageHeight = h;
		},
		created() { //创建后

		},
		watch: { //监听放置
		},
		methods: { //方法放置
			clear() {
				localStorage.clear();
				this.$store.commit('USERINFO');
				this.$router.push({
					path: '/my',
					redirect: '/my',
				})
				//		window.location.href='/'
			},
			onclear() {
				console.log('123')
			},
			change(value, label) {
				console.log('change:', value, label)
			},
			updatePass() {
				console.log('12')
				this.$router.push({
					path: '/my/modifyPass'
				})
			}
		},
		components: {
			XInput,
			Group,
			XButton
		},
		computed: mapGetters([
			'userinfo',
		]),
	}
</script>

<style scoped>
	/* //手机号部分 */
	
	.kp-accountLink {
		background: #f4f5f9;
		height: 100vh;
	}
	
	.kp-al-box {
		padding-top: 86px;
	}
	
	.kp-mb-li {
		height: 99px;
		display: flex;
		padding: 0 30px;
		background: #fff;
		margin-bottom: 2px;
	}
	
	.kp-mb-li span {
		padding-right: 38px;
		display: inline-block;
		font-size: 34px;
		color: rgb(51, 51, 51);
		line-height: 99px;
	}
	
	.kp-mb-li a {
		display: flex;
		width: 100%;
	}
	
	.kp-mb-li p {
		flex: 1;
		font-size: 28px;
		color: rgb(183, 183, 183);
		line-height: 99px;
		text-align: right;
		padding-right: 22px;
		background: url(../../../assets/right-1.png) no-repeat right center;
		background-size: 14px 26px;
	}
	
	.sign_out {
		width: 670px;
		margin: 70px auto;
		height: 100px;
		color: #fff;
		line-height: 100px;
		text-align: center;
		background: #41C4C3;
		border-radius: 15px;
		font-size: 36px;
	}
	.mts-20{
		margin-top: 20px;
	}
</style>